
/*---------------------------------------- Functions for Form Builder ---------------------------------*/

//Pick List
function pickList(count, object_type) {
    var ret
    =   '<div class="setObject cursor_move" data-type="pickList" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">' +
            '<div class="fields_below" >' + //style="min-width:200px;"
                '<div class="setObjects_actions">' +
                    '<div class="pull-left">' +
                        '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
                    '</div>' +
                    '<div class="obj_actions display" id="obj_actions_' + count + '">' +
                        '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
                        '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
                    '</div>' +
                '</div>' +
                '<div class="label_below obj_label" id="label_' + count + '">' +
                    '<label id="lbl_' + count + '">Label Name:</label>' +
                '</div>' +
                '<div class="input_position_below" id="obj_fields_' + count + '">' +
                    '<div style="display:table;width:100%;" id="field-container-pick-list_' + count + '" class="field-container-pick-list field-container-picklist_' + count + '">' +
                        '<input style="min-width:30px;display:table-cell;" data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + '" name="picklist_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>' +
                        '<span style="width:40px;display:table-cell;white-space:nowrap;"><a class="btn-basicBtn padding_5 cursor tip pickListButton" picklist-button-id="picklist_button_' + count + '" data-original-title="Pick Keyword" style="margin-left:5px;" return-field="getFields_' + count + '"><i class="icon-list-alt"></i></a></span>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';

    return ret;
}

//Embedded View
function embedView(count,object_type){
	var ret
	=	'<div class="setObject cursor_move" data-type="embeded-view" data-object-id="'+ count +'" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">'+
			'<div class="setObjects_actions">'+
                '<div class="pull-left">'+
                    '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>'+
                '</div>'+
                '<div class="obj_actions display" id="obj_actions_' + count + '">'+
                    '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="embedview" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>'+
                    '<i class="icon-remove cursor object_setup object_remove" data-object-id="'+ count +'" data-original-title="Remove"></i>'+
                '</div>'+
            '</div>'+

            '<div class="fields_below" style="width:100%;height:100%;">'+ // style="min-width:200px;"

				'<div class="label_below obj_label" id="label_'+ count +'">'+
					'<label id="lbl_' + count + '">Label Name:</label>'+
				'</div>'+
				
				'<div class="input_position_below" id="obj_fields_' + count + '" style="height:calc(100% - 25px);">'+
					'<div class="embed-view-container getFields_'+count+'" style="height:200px;min-width:300px;height:100%;width:100%;border:1px solid #ccc;overflow:auto;"></div>'+
				'</div>'+
			'</div>'+
		'</div>';
	return ret;
}

//Tab panel
function createTabPanel(count, object_type) {
    var ret
            = '<div class="setObject cursor_move" data-type="tab-panel" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">' +
            '<div class="fields_below">' + // style="min-width:200px;"
            '<div class="setObjects_actions">' +
            '<div class="pull-left">' +
            '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
            '</div>' +
            '<div class="obj_actions display" id="obj_actions_' + count + '">' +
            '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="tabpanel" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
            '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
            '</div>' +
            '</div>' +
            '<div class="label_below obj_label" id="label_' + count + '">' +
            '<label id="lbl_' + count + '">Label Name:</label>' +
            '</div>' +
            '<div class="input_position_below" id="obj_fields_' + count + '">' +
            '<div style="clear:both;" class="form-tabbable-pane" id="form-tabbable-pane-' + count + '">' +
            '<ul>' +
            //'<li><a href="#tab-1_'+obj.getID()+'">Tab1</a></li>'+
            '</ul>' +
            //'<div style="position:relative;width:100%;" id="tab-1_'+obj.getID()+'">TESTING 12</div>'+
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    return ret;
}

/* LABEL DESIGN */
function labelOnly(count, object_type) {
    var ret
            = '<div class="setObject cursor_move" data-type="labelOnly" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">' +
            '<div class="fields_below" style="min-width:50px;min-height: 20px;">' +
            '<div class="setObjects_actions">' +
            '<div class="pull-left">' +
            '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
            '</div>' +
            '<div class="obj_actions display" id="obj_actions_' + count + '">' +
            '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="label" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
            '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
            '</div>' +
            '</div>' +
            '<div class="label_below obj_label" id="label_' + count + '" style="">' +
            '<label id="lbl_' + count + '" type="label" class="getFields_' + count + '" name="label_' + count + '">Label Name:</label>' +
            '</div>' +
            '<div class="input_position_below" id="obj_fields_' + count + '">' +
            '</div>' +
            '</div>' +
            '</div>';
    return ret;
}

// //TEXTBOX DESIGN2
// function textbox(count, object_type) {
//     var ret
//     =   '<div class="setObject cursor_move" data-type="textbox" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" vertical-align: top;display: table; z-index=' + count + ' ">'+
//             '<div class="setObjects_actions">'+
//                 '<div class="pull-left">'+
//                     '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>'+
//                 '</div>'+
//                 '<div class="obj_actions display" id="obj_actions_' + count + '">'+
//                     '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>'+
//                     '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>'+
//                 '</div>'+
//             '</div>'+
//             '<div class="fields_below" style="display: table;width: 100%;height: 100%;">'+
//                 '<div style="display: table-row;float: none;clear: both;" class="label_below obj_label" id="label_' + count + '">'+
//                     '<div style="display:table-cell;height:20px;">'+
//                         '<div style="position:relative;width: 100%;height: 100%;">'+
//                             '<label style="height: 20px;" id="lbl_' + count + '">Label Name:</label>'+
//                         '</div>'+
//                     '</div>'+
//                 '</div>'+
//                 '<div style="display: table-row;" class="input_position_below" id="obj_fields_' + count + '">'+
//                     '<div style="display:table-cell;">'+
//                         '<div style="position:relative;width: 100%;height: 100%;">'+
//                             '<input style="height: 100%;margin: 0px;" data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_1" name="textbox_1" id="getFields_1" data-placement="bottom">'+
//                         '</div>'+
//                     '</div>'+
//                 '</div>'+
//             '</div>'+
//         '</div>';
//     return ret;
// }

// TextBox Design
function textbox(count, object_type) {
    var ret = "";
    ret += '<div class="setObject cursor_move" data-type="textbox" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">'; //  style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + '" name="textbox_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Checkbox Design
// function checkbox(count, object_type) {
//     var ret = "";
//     ret += '<div class="setObject cursor_move" data-type="checkbox" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
//     ret += '<div class="fields_below">'; //  style="min-width:200px;"
//     ret += '<div class="setObjects_actions">';
//     ret += '<div class="pull-left">';
//     ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
//     ret += '</div>';
//     ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
//     ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
//     ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
//     ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
//     ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '"  value="Sample 1" /> Sample 1</label><br />';
//     ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '" value="Sample 2" /> Sample 2</label><br />';
//     ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '" value="Sample 3" /> Sample 3</label><br />';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '</div>';


//     return ret;
// }

// Checkbox Design version 2
function checkbox(count, object_type) {
    var ret = "";
    ret += '<div class="setObject cursor_move" data-type="checkbox" data-object-id="' + count + '" rc-align-type="vertical" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="min-width: 13px;z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-height: 15px;">'; //  style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '"  value="Sample 1" /> Sample 1</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '" value="Sample 2" /> Sample 2</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '<label><input data-type="longtext" type="checkbox" disabled="disabled" class="getFields getFields_' + count + '" name="checkbox_' + count + '[]" id="getFields_' + count + '" value="Sample 3" /> Sample 3</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';


    return ret;
}

// Dropdown Design
function dropdown(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="dropdown" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" >'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<select data-type="longtext" disabled="disabled" class="form-select getFields getFields_' + count + '" name="dropdown_' + count + '" id="getFields_' + count + '" >';
    ret += '<option value="Sample 1">Sample 1</option>';
    ret += '<option value="Sample 2">Sample 2</option>';
    ret += '<option value="Sample 3">Sample 3</option>';
    ret += '</select>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Radio Button Design
// function radioButton(count, object_type) {
//     var ret = "";
//     ret += '<div class="setObject cursor_move" data-type="radioButton" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
//     ret += '<div class="fields_below" >'; // style="min-width:200px;"
//     ret += '<div class="setObjects_actions">';
//     ret += '<div class="pull-left">';
//     ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
//     ret += '</div>';
//     ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
//     ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
//     ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
//     ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
//     ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '" id="getFields_' + count + '" value="Sample 1"/> Sample 1</label><br />';
//     ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '"  id="getFields_' + count + '" value="Sample 2"/> Sample 2</label><br />';
//     ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '"  id="getFields_' + count + '" value="Sample 3"/> Sample 3</label><br />';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '</div>';
//     return ret;
// }

// Radio Button Design version2
function radioButton(count, object_type) {
    var ret = "";
    ret += '<div class="setObject cursor_move" data-type="radioButton" data-object-id="' + count + '" rc-align-type="vertical" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-height:15px;" >'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '" id="getFields_' + count + '" value="Sample 1"/> Sample 1</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '"  id="getFields_' + count + '" value="Sample 2"/> Sample 2</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '<label><input type="radio" data-type="longtext" disabled="disabled" name="radio_' + count + '" class="getFields getFields_' + count + '"  id="getFields_' + count + '" value="Sample 3"/> Sample 3</label><span class="rc-prop-alignment rc-align-vertical"></span>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// // TextArea Design
// function textArea(count, object_type) {
//     var ret = "";

//     ret += '<div class="setObject cursor_move" data-type="textArea" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
//     ret += '<div class="fields_below">'; // style="min-width:200px;"
//     ret += '<div class="setObjects_actions">';
//     ret += '<div class="pull-left">';
//     ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
//     ret += '</div>';
//     ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
//     ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
//     ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
//     ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
//     ret += '<textarea data-type="longtext" class="form-textarea getFields getFields_' + count + '" disabled="disabled" name="textarea_' + count + '" id="getFields_' + count + '" "></textarea>';
//     ret += '</div>';
//     ret += '</div>';
//     ret += '</div>';
//     return ret;
// }

// TextArea Design2
function textArea(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="textArea" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="display:inline-table;z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="height:100%;display:table-cell;">'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '" style="height: calc(100% - 25px);">';
    ret += '<textarea style="resize:none;width:100%;height:100%;margin:0px;" data-type="longtext" class="form-textarea getFields getFields_' + count + '" disabled="disabled" name="textarea_' + count + '" id="getFields_' + count + '" "></textarea>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}
// Select Many Design
function selectMany(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="selectMany" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="2" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<select data-type="longtext" class="form-selectMany getFields getFields_' + count + '" disabled="disabled" name="select_' + count + '" id="getFields_' + count + '"  multiple="multiple">';
    ret += '<option value="Sample 1">Sample 1</option>';
    ret += '<option value="Sample 2">Sample 2</option>';
    ret += '<option value="Sample 3">Sample 3</option>';
    ret += '</select>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// File Upload Design
function fileUpload(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="fileUpload" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="file" class="getFields getFields_' + count + '" name="upload_' + count + '" disabled="disabled" id="getFields_' + count + '" />';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    //return ret;
}

// Date Picker Design
function datepicker(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="datepicker" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">'; // style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="date" type="text" disabled="disabled" class="form-text getFields getFields_' + count + '" name="datepicker_' + count + '" id="getFields_' + count + '" />';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Full name
function fullname(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="fullname" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-width:200px;">';
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Firstname" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Middlename" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Lastname" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Suffix" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Nickname" disabled="disabled" >';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Date Time Design
function dateTime(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="dateTime" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">';
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="dateTime" type="text" disabled="disabled" class="form-text getFields getFields_' + count + '" name="dateTime_' + count + '" id="getFields_' + count + '" />';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Website Design
function website(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="website" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-width:200px;">';
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-text getFields getFields_' + count + '" name="website_' + count + '" id="getFields_' + count + '" />';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Full Address Design
function fullAddress(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="fullAddress" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-width:200px;">';
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Street Address" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Address 2" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="City / Province" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Postal / Zip Code" disabled="disabled" >';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="form-field getFields getFields_' + count + '" name="getFields" id="getFields_' + count + '"  placeholder="Nickname" disabled="disabled" >';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

// Button
function btn(count, object_type) {
    var ret = "";

    //ret += '<input type="submit" class="btn-basicBtn " value="Button '+ count +'" style="margin:5px 0px 5px 5px;">';
    ret += '<div data-object-id="' + count + '" data-type="button" class="setObject setObject_btn" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="display: inline;margin-left:3px;margin-top: 5px;position:relative;">';
    ret += '<input data-type="button" type="button" class="btn-basicBtn " id="btnName_' + count + '" value="Button_' + count + '" style="margin:5px 5px 5px 5px;">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="4" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';

    return ret;
}

// Line
function createLine(count, object_type) {
    var ret = "";

    ret += '<div class="setObject cursor_move" data-type="createLine" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below" style="min-height: 5px;">';//style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="3" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Label Name:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<div data-type="createLine" class="getFields_' + count + '" id="getFields_' + count + '" style="border-bottom:3px solid;"></div>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}
//list names
function fieldListOfNames(count, object_type) {
    var ret
            = '<div class="setObject cursor_move" data-type="listNames" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">' +
            '<div class="fields_below" >' + //style="min-width:200px;"
            '<div class="setObjects_actions">' +
            '<div class="pull-left">' +
            '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
            '</div>' +
            '<div class="obj_actions display" id="obj_actions_' + count + '">' +
            '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="1" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
            '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
            '</div>' +
            '</div>' +
            '<div class="label_below obj_label" id="label_' + count + '">' +
            '<label id="lbl_' + count + '">Label Name:</label>' +
            '</div>' +
            '<div class="input_position_below" id="obj_fields_' + count + '">' +
            '<div style="display:table;width:100%;" id="field-container-listnames_' + count + '" class="field-container-listnames field-container-listnames_' + count + '">' +
            '<input style="min-width:30px;display:table-cell;" data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + '" name="listnames_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>' +
            '<span style="width:40px;display:table-cell;white-space:nowrap;"><a class="btn-basicBtn padding_5 cursor tip viewNames" data-original-title="Select Name" style="margin-left:5px;" return-field="getFields_' + count + '"><i class="icon-list-alt"></i></a></span>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';

    return ret;
}

//Table Design
function createTable(count, object_type) {
    var ret
            = '<div class="setObject cursor_move" data-type="table" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="display:inline-table;z-index=' + count + ' ">' +
            '<div class="fields_below" style="height:100%;">' +
            '<div class="setObjects_actions">' +
            '<div class="pull-left">' +
            '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
            '</div>' +
            '<div class="obj_actions display" id="obj_actions_' + count + '">' +
            '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="formtable" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
            '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
            '</div>' +
            '</div>' +
            '<div class="label_below obj_label" id="label_' + count + '">' +
            '<label id="lbl_' + count + '">Label Name:</label>' +
            '</div>' +
            '<div class="input_position_below" id="obj_fields_' + count + '" style="height:calc(100% - 25px);">' +
            '<table class="form-table"></table>' +
            '</div>' +
            '</div>' +
            '</div>';

    return ret;
}

//Table Design 2
// function createTable(count, object_type) {
//     var ret
//     =   '<div class="setObject cursor_move" data-type="table" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" vertical-align: top;display: table; z-index=' + count + ' ">'+
//             '<div class="setObjects_actions">'+
//                 '<div class="pull-left">'+
//                     '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>'+
//                 '</div>'+
//                 '<div class="obj_actions display" id="obj_actions_' + count + '">'+
//                     '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="formtable" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
//                     '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
//                 '</div>'+
//             '</div>'+
//             '<div class="fields_below" style="display: table;width: 100%;height: 100%;">'+
//                 '<div style="display: table-row;float: none;clear: both;" class="label_below obj_label" id="label_' + count + '">'+
//                     '<div style="display:table-cell;height:20px;">'+
//                         '<div style="position:relative;width: 100%;height: 100%;">'+
//                             '<label style="height: 20px;" id="lbl_' + count + '">Label Name:</label>'+
//                         '</div>'+
//                     '</div>'+
//                 '</div>'+
//                 '<div style="display: table-row;" class="input_position_below" id="obj_fields_' + count + '">'+
//                     '<div style="display:table-cell;">'+
//                         '<div style="position:relative;width: 100%;height: 100%;">'+
//                             '<table class="form-table"></table>' +
//                         '</div>'+
//                     '</div>'+
//                 '</div>'+
//             '</div>'+
//         '</div>';
//     return ret;
// }

// Computed Field Design
function computedField(count, object_type) {
    var ret = "";
    ret += '<div class="setObject cursor_move" data-type="computed" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">';
    ret += '<div class="fields_below">'; //  style="min-width:200px;"
    ret += '<div class="setObjects_actions">';
    ret += '<div class="pull-left">';
    ret += '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>';
    ret += '</div>';
    ret += '<div class="obj_actions display" id="obj_actions_' + count + '">';
    ret += '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="computed" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>';
    ret += '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>';
    ret += '</div>';
    ret += '</div>';
    ret += '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Computed:</label></div>';
    ret += '<div class="input_position_below" id="obj_fields_' + count + '">';
    ret += '<input data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + '" name="textbox_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>';
    ret += '</div>';
    ret += '</div>';
    ret += '</div>';
    return ret;
}

function photos(count, object_type) {
    var ret
            = 	'<div class="setObject cursor_move" data-type="imageOnly" data-upload="photo_upload" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="z-index=' + count + ' ">' +
					'<div class="fields_below" style="">' +
						'<div class="setObjects_actions">' +
							'<div class="pull-left">' +
								'<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
							'</div>' +
							'<div class="obj_actions display" id="obj_actions_' + count + '">' +
								'<i class="icon-cogs cursor object_setup object_properties" data-properties-type="photos" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
								'<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
							'</div>' +
						'</div>' +
						'<div class="uiform-image-resizable" style="position:relative;overflow:hidden;display:table-cell;width:100px;height:100px;">' +
					
							'<div style="position:relative;height:100%;width:100%;">'+
									'<img id="getFields_' + count + '" class="getFields ImagegetFields_' + count + '" src="/images/avatar/large.png" style="cursor:pointer;background-color:#fff;width:100%;height:100%;">' +
							'</div>'+
							'<form id="getpostSelectFormPhotos" method="post" enctype="multipart/form-data" action="/ajax/formUpload" style="z-index: 1000000000000;position: relative;">'+
								//'<input type="file" data-action-id="2" value="upload" name="image" id="formImage" size="24" data-action-type="postImageForm" style="opacity: 0;position: absolute;" class="">'+
								//'<i class="icon-picture"></i> Image'+
								'<div id="uniform-fileInput" data-object-id="' + count + '"form_upload_photos class="uploader2 upload_photos_' + count +'">'+
								//'<input type="file" data-action-id="' + count + '" value="upload" name="image" id="postSelectFormPhotos_' + count + '" size="24" data-action-type="postImageForm">'+
								'<span id="uploadFilename_2" class="filename">No file selected</span>'+
								'<span class="action">Choose File</span>'+
								'<input data-type="longtext" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + ' display" name="textbox_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>'+
						
								'</div>'+
							'</form>'+
						'</div>' +
					'</div>' +
				'</div>';
   
    
    return ret;
}

// Image Design
function getimageForm(count, object_type, img) {
    var ret
            = 	'<div class="setObject cursor_move" data-type="imageOnly" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style="z-index=' + count + ' ">' +
					'<div class="fields_below" style="">' +
						'<div class="setObjects_actions">' +
							'<div class="pull-left">' +
								'<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>' +
							'</div>' +
						'<div class="obj_actions display" id="obj_actions_' + count + '">' +
							'<i class="icon-cogs cursor object_setup object_properties" data-properties-type="label" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>' +
							'<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>' +
						'</div>' +
					'</div>' +
					'<div class="uiform-image-resizable" style="position:relative;overflow:hidden;display:table-cell;width:100px;height:100px;">' +
						'<div style="position:relative;height:100%;width:100%;">'+
							'<img id="getFields_' + count + '" class="getFields getFields_' + count + '" src="' + img + '" style="width:100%;height:100%;">' +
						'</div>'+
					'</div>' +
				'</div>';
    return ret;
}

function barCodeScanner(count, object_type){
    var ret
    =   '<div class="setObject cursor_move" data-type="barCodeScanner" data-object-id="' + count + '" id="setObject_' + count + '" data-toggle="popover" data-placement="right" style=" z-index=' + count + ' ">'+
            '<div class="fields_below">'+ //  style="min-width:200px;"
                '<div class="setObjects_actions">'+
                    '<div class="pull-left">'+
                        '<img src="/images/loader/load.gif" class="display" id="obj_load_' + count + '"/>'+
                    '</div>'+
                    '<div class="obj_actions display" id="obj_actions_' + count + '">'+
                        '<i class="icon-cogs cursor object_setup object_properties" data-properties-type="barcode_property" id="object_properties_' + count + '" data-object-id="' + count + '" data-object-type="' + object_type + '"  data-original-title="Properties"></i>'+
                        '<i class="icon-remove cursor object_setup object_remove" data-object-id="' + count + '" data-original-title="Remove"></i>'+
                    '</div>'+
                '</div>'+
                '<div class="label_below obj_label" id="label_' + count + '"><label id="lbl_' + count + '">Bar Code:</label></div>'+
                '<div class="input_position_below" id="obj_fields_' + count + '">'+
                    '<input data-type="longtext" placeholder="Code Here" type="text" disabled="disabled" class="tip form-text getFields getFields_' + count + '" name="barcode_scan_' + count + '" id="getFields_' + count + '" data-placement="bottom"/>'+
                '</div>'+
            '</div>'+
        '</div>';
    return ret;
}